<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<link rel="stylesheet" type="text/css" href="leftAndRight/list-style.css" />
<link rel="stylesheet" type="text/css" href="lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>人员角色管理</title>
<style>
  .marginDiv{
     margin-top:20px;
  }
  .input-text{
     width:150px;
  }
  .clearfix {    *zoom:1;}.clearfix:after {    display:block;    content:"clear";    height:0;    clear:both;    overflow:hidden;    visibility:hidden;} 
	
/*   h4,#haveTable tr td,#noHaveTable tr td{ */
/*     text-align:center; */
/*   } */
</style>
</head>
<body>
<!--面包屑导航-->
<!-- 		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>工序产能监控<span class="c-gray en">&gt;</span> 产能查看 -->
<!-- 			<a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i>刷新</a> -->
<!-- 		</nav> -->
        
        <!--主内容-->
		<div class="page-container">
		<div>
		    <button class="btn" id="addRole">添加权限组</button>
		    <button class="btn" id="querryRole">查看权限组</button>
		    
		</div>
		<div class="marginDiv"></div>
        <div class="addRoleDiv">
	       <div class="col-md-3">
	         <input type="text" placeholder="请输入权限组名称" class="input-text" id="roleName"/>
	       </div>
	       <div class="col-md-3">
	         <input type="text" placeholder="请输入权限组描述" class="input-text" id="roleDescription"/>
	       </div>
	       <div class="col-md-3">
	         <button class="btn" id="addRoleBtn">添加</button>
<!-- 	         <button class="btn" id="hiden">隐藏</button><br/><br/> -->
	       </div>
	    </div>
	    <div class="marginDiv"></div>
	     <div class="querryRoleDiv">
	     
	         <table class="table table-border table-bordered table-bg table-hover">
	            <thead>
	                 <tr>
			            <th>权限组名称</th>
			            <th>权限组描述</th>
			            <th>操作</th>
	                 </tr>
	            </thead>
	            <tbody id="allRoleTbody">
	              
	            </tbody>
	         </table>
	     </div>
<!-- 	     <div class="haveAndNoHanv"> -->
<!--           <div style="text-align:center"> -->
<!-- <!--                 	<button id="setCheck" class="btn">设置</button> --> 
<!--            </div> -->
<!-- 		     <div class="col-md-6" > -->
<!-- <!-- 		          <div style="text-align:center"> --> 
<!--                    <div> -->
<!-- 	                 	<button id="removePermissionBtn" class="btn setBtn">移除权限</button> -->
<!-- 		           </div> -->
<!-- 		         <h4>角色已有权限</h4> -->
<!-- 		          <table id="haveTable"> -->
		          
<!-- 		          </table> -->
<!-- 		     </div> -->
<!-- 		     <div class="col-md-6 "> -->
<!-- <!-- 		          <div style="text-align:center"> --> 
<!--                  <div> -->
<!-- 	         	       <button id="addPermissionBtn" class="btn setBtn">添加权限</button> -->
<!-- 		          </div> -->
<!-- 		         <h4>角色未有权限</h4> -->
<!-- 		         <table id="noHaveTable"> -->
		            
<!-- 		         </table> -->
<!-- 		     </div> -->
<!-- 	     </div> -->
	     <div class="modal fade" id="setRoleModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title" id="">设置权限组权限</h4>
						</div>
						<div class="modal-body clearfix">
							<div>
							   <div class="haveAndNoHanv">
						          <div style="text-align:center">
						         
						<!--                 	<button id="setCheck" class="btn">设置</button> -->
						           </div>
								     <div class="col-md-6" >
						<!-- 		          <div style="text-align:center"> -->
<!-- 						                   <div> -->
							                 	<button id="removePermissionBtn" class="btn setBtn">移除权限</button>
<!-- 								           </div> -->
								          <h4>权限组已有权限</h4>
<!-- 								          <table id="haveTable"> -->
								          
<!-- 								          </table> -->
                                         <ul id="tree" class="ztree"></ul>
								     </div>
								     <div class="col-md-6 ">
						<!-- 		          <div style="text-align:center"> -->
<!-- 						                 <div> -->
							         	       <button id="addPermissionBtn" class="btn setBtn">添加权限</button>
<!-- 								          </div> -->
								         <h4>权限组未有权限</h4>
<!-- 								         <table id="noHaveTable"> -->
								            
<!-- 								         </table> -->
                                             <ul id="treeNo" class="ztree"></ul>
								     </div>
							     </div>
							</div>
					</div>
					<div class="modal-footer clearfix">
<!-- 						<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> -->
			    	</div>
				</div>
			</div>
	     </div>
	     
<!-- 	     设置弹出框 -->
	   
			
         <!--修改弹出框 -->
	     <div class="modal fade" id="updateRoleModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title" id="myModalLabel">修改权限组信息</h4>
						</div>
						<div class="modal-body">
						    权限组名称：<input type="text" value=""  class="input-text" id="modalName"/>
						    权限组描述：<input type="text" value="" class="input-text" id="modalDesc"/>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							<button type="button" class="btn btn-primary" id="updateRoleBtn">确定</button>
						</div>
					</div>
				</div>
		 </div>
		 
		 <!-- 查看人员弹出框 -->
	     <div class="modal fade" id="seePeople" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							<h4 class="modal-title" id="myModalLabel">查看权限组人员</h4>
						</div>
						<div class="modal-body">
						   <table class="table table-border table-bordered table-bg table-hover">
						       <thead>
						          <tr>
						            <td>姓名</td>
						            <td>手机号</td>
						            <td>部门</td>
						            <td>车间</td>
						          </tr>
						       </thead>
						       <tbody id="seePeopleTable">
						       
						       </tbody>
						   </table>
						
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<!-- 							<button type="button" class="btn btn-primary" id="updateRoleBtn">确定</button> -->
						</div>
					</div>
				</div>
		 </div>
	     
	</div>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180809103833lodash.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="lib/zTree/v3/js/jquery.ztree.core-3.5.min.js"></script>
<script type="text/javascript" src="lib/zTree/v3/js/jquery.ztree.excheck-3.5.min.js"></script>
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script> 
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="myJs/util.js"></script>
<script type="text/javascript" src="myJs/roleManager.js"></script>

</body>
</html>